.root {
    -fx-control-inner-background: white;
    -fx-background-color: transparent;
}

.datagrid {
    -fx-cell-width: 104px;
    -fx-cell-height: 150px;
    -fx-horizontal-cell-spacing: 8px;
    -fx-vertical-cell-spacing: 8px;
    -fx-focus-traversable: true;
    -fx-border-color: red;
    -fx-border-width: 1px;
}

.datagrid-cell {
    -fx-padding: 1px;
    -fx-border-width: 1px;
    -fx-border-color: transparent;
    -fx-background: -fx-control-inner-background;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-text-background-color;
}

.datagrid-cell:selected {
    -fx-background: #cce8ff;
    -fx-table-cell-border-color: derive(-fx-selection-bar, -70%);
    -fx-border-color: #99d1ff;
    -fx-opacity: 1;
}

.datagrid-cell:hover {
    -fx-background: #e5f3ff;
}

.datagrid-cell:focused {
    -fx-border-color: #99d1ff;
    -fx-background: #e5f3ff;
}

.datagrid-cell .label {
    -fx-font-size: 12px;
    -fx-text-alignment: center;
    -fx-font-weight: normal;
}

/*slider*/
.slider .thumb {
    -fx-background-color: accent_color;
    -fx-background-insets: 0;
    -fx-background-radius: 0.5em; /* 6 */

    -fx-padding: 0.5em;  /* 12 4 12 4 */

    -fx-effect: null;
}
.slider:vertical .thumb {
    -fx-padding: 0.5em; /* 4 12 4 12 */
}

